$(function () {

    // username: "admin"
    // nickname: "李思思"
    // email: "sisili@qq.com"
    // userPic: "http://localhost:8080/icon.jpg"
    // password: "123456"



    // username
        	// string	用户名称
    // nickname
    	// string	用户昵称
    // email
    	// string	用户邮箱
    // userPic
    	// file	用户图片
    // password
    	// string	用户密码
    
    
    
    // 1.发送请求获取信息  /admin/user/detail
    function userDetail() {
        $.get('/admin/user/detail', function (res) {
            console.log(res);
            const { nickname, username, email, userPic, password } = res.data
            $("[name='username']").val(username)
            $("[name='nickname']").val(nickname)
            $("[name='email']").val(email)
            $(".user_pic").prop('src', userPic)
            $("[name='password']").val(password)

        })
    }


    // // 获取渲染方法二
    // function userDetail() {
    //     $.ajax({
    //         url: '/admin/user/detail',
    //         type: 'get',
    //         dataType: 'json',
    //         success(res) {
    //             // 遍历
    //             for (let key in res.data) {
    //                 $('input.' + key).val(res.data[key])
    //             }
    //             $('img.user_pic').attr('src', res.data.userPic)
    //         }
            
    //     })
    // }

    // 2.绑定点击事件
    $('.btn-edit').click(function () {
        // 编辑保存调用
        userEdit()
    })
        // 图片挂载
    $('#exampleInputFile').change(function () {
        const file = this.files[0]
        // $('.user_pic').prop('src', URL.createObjectURL(file))
        // 第二种
        const url = URL.createObjectURL(file)
        $('.user_pic').attr('src', url);
        })
            

    //  3.编辑保存   /admin/user/edit
    function userEdit() {
        

        // // 使用formData提交
        // // const fd = new FormData($('#forn')[0])
        // // let form = $('#form').get(0)
        // // console.log(form)
        // const fd = new FormData($('#forn')[0])
        // // const file = this.files[0]
        // const username =$("[name='username']").val()
        // const nickname =$("[name='nickname']").val()
        // const email =$("[name='email']").val()
        // const userPic =$("[name='userPic']").prop('src')
        // // const userPic =$("[name='userPic']").val()
        // const password =$("[name='password']").val()
        
        // fd.append('username', username)
        // fd.append('nickname', nickname)
        // fd.append('email', email)
        // fd.append('userPic', userPic)
        // fd.append('password', password)

        // // 发送请求
        // $.ajax({
        //     url: '/admin/user/edit',
        //     type: 'post',
        //     data: fd,
        //     dataType:'json',
        //     processData: false,
        //     contentType: false,
        //     success(res) {
        //         if (res.code === 200) {
        //             console.log(res);

        //             userDetail()
        //             if (password !== password) {
        //                 location.href = 'login.html'
        //             }
        //         }
        //     }
        // })


   //3.编辑个人信息(fromdata上传文件)
    $('#form').on('submit', function (e) {
        //禁用表单默认提交事件
        // const fd = new FormData($('#forn')[0])
        e.preventDefault();
        $.ajax({
            url: '/admin/user/edit',
            type: 'post',
            dataType: 'json',
            data: new FormData(this),
            contentType: false,
            processData: false,
            success: function (backData) {
                console.log(backData);
                if (backData.code == 200) {
                    alert('修改成功');
                    /* 
                    window:            当前页面窗口 user.html
                    window.parent:     当前页面父窗口 index.html
                    */
                    userDetail()
                    
                }
            }
        });
    });

    }

    
    userDetail()
})